<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="common/css/default.css" rel="stylesheet" type="text/css">

    <title>Document</title>
    <!--[if lte IE 6]><![endif]-->
    <!--[if IE 5]><![endif]-->
    <!--[if IE 6]><![endif]-->
    <!--[if IE 7]><link href="common/css/ie7.css" rel="stylesheet" type="text/css"><![endif]-->

    <!--[if lte IE 6]>
    <style type="text/css">
        .column {
            margin-right: -100%;
        }
    </style>
    <![endif]-->
</head>
<body>

<div id="page-wrap">
    <div id="page">
        <div class="column column1">
            <div id="header" class="_blck header">

                <div class="_blck2 logo">
                    <img src="common/img/ya_logo.png" alt="Яндекс" title="Яндекс" class="yandex_logo">
                </div>
                <div class="_blck2 title">
                    <div class="stripe gradient_yellow corner_2">тестовое задание</div>
                </div>
                <div class="_blck2 _user">


                    <div id="id_1221" class="user user_top">
                        <a href="#"><img src="common/img/user_face.jpg" class="user_pic" alt="yuri" title="yuri"></a>
                        <span class="user_name status status_online"><i></i><span class="name_bukv">y</span>uri</span>
                    </div>

                        <a href="#">Настройка</a>

                        <a href="#">Помощь</a><!--todo remove br-->
                        <br>
                        <a href="#">Выход</a>

                    <div class="search">

                        <form action="">
                            <input type="text" value="поиск" style="width:60%; float:left"> <input type="button" value="Найти"  style="width:35%; float:right">
                        </form>
                    </div>




                </div>
                <div class="clear"></div>
            </div>
            <div id="options" class="_blck page">
                <div class="_blck2 opt_title yanus page_title">Заголок с нестандартным шрифтом</div>
                <div class="clear"></div>
                <div class="_blck2 services">
                    <ul class="list_services">
                        <li class="list_services_item"><a href="#">Новости и пресс-релизы</a></li>
                        <li class="list_services_item"><a href="#">Блог Яндекса</a></li>
                        <li class="list_services_item"><a href="#">Факты</a></li>
                        <li class="list_services_item"><a href="#">Логотип Яндекса</a></li>
                        <li class="list_services_item">Что <a href="#">пишут о Яндексе</a> другие
                        журналисты</li>
                    </ul>
                    <ul class="list_informer">
                        <li class="list_informer_item icond ico_odnk"><a href="#"><i></i>Одноклассники</a></li>
                        <li class="list_informer_item icond ico_ext"><a href="#"><i></i>Внешняя иконка</a></li>
                        <li class="list_informer_item icond ico_yandex ico_minus"><a href="#"><i></i>Яндекс<em>1288</em></a></li>
                            <ul class="list_informer_sub">
                                <li class="list_informer_item"><a href="#" class="">blogs<em>1288</em></a></li>
                                <li class="list_informer_item list_item_bg_act"><a href="#" class="">direct<em>1288</em></a></li>
                                <li class="list_informer_item ico_plus"><a href="#" class=""><i></i>mail<em>1288</em></a></li>
                                <li class="list_informer_item ico_plus"><a href="#" class=""><i></i>video<em>1288</em></a></li>
                            </ul>
                    </ul>



                </div>
                <div class="_blck2 options">
                    <div class="_blck2 options_title title_b_crumbs">
                         <a href="#">Настройка</a> → Информация об отправителе
                    </div>
                    <div class="clear"></div>
                    <div class="_blck2 options_mail">


                        <label for="mail_options_name" class="b_label">Моё имя</label>

                        <div class="options_block">
                            <input type="text" class="" id="mail_options_name" name="mail_options_name" value="Tkachenko Yuri">
                            <p class="">Получатель увидит введённое вами имя в поле «От кого» вместе с вашим адресом. Ваш логин при этом останется прежним.</p>
                        </div>



                        <label for="mail_options_sign" class="b_label">Подпись в конце письма</label>
                        <div class="options_block">
                            <textarea class="" cols="38" rows="9" id="mail_options_sign" name="mail_options_sign" >тра-ля-ля</textarea>
                        </div>

                        <div class="b_label">Расположение подписи при ответе</div>
                        <div class="options_block">
                                <input type="radio" name="answer" id="answ_al"> <label for="answ_al">сразу после ответа</label><br>
                                <input type="radio" name="answer" checked id="answ_bott"> <label for="answ_bott">внизу всего письма</label>
                    
                        </div>

                    </div>
                    <div class="_blck2 options_mail_from">
                        <div class="b_label">Отправлять письма с адреса</div>
                        <div class="options_block">
                            <input type="radio" name="email" id="em_y"> <label for="em_y">yuri@yandex.ru</label><br>
                            <input type="radio" name="email" id="em_narod"> <label for="em_narod">yuri@narod.ru</label><br>
                            <input type="radio" name="email" id="em_ya_ru" checked> <label for="em_ya_ru">yuri@ya.ru</label><br>
                            <input type="radio" name="email" id="em_y_com"> <label for="em_y_com">yuri@yandex.com</label><br>
                            <input type="radio" name="email" id="em_y_ua"> <label for="em_y_ua">yuri@yandex.ua</label><br>
                            <input type="radio" name="email" id="em_y_kz"> <label for="em_y_kz">yuri@yandex.kz</label><br>
                            <input type="radio" name="email" id="em_y_by"> <label for="em_y_by">yuri@yandex.by</label> <br>
                            <a href="#">Добавить адрес</a>
                        </div>






                    </div>

                </div>


                <div class="clear"></div>
            </div>

            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <div id="comments" class="_blck comment_tree corner_18 shadow_black">
                <div class="comments_item">
                    <div class="user" id="u1">
                        <a href="#"><img src="common/img/user_face.jpg" class="user_pic" alt="yuri" title="yuri"></a>
                        <a href="#" class="user_name"><span class="name_bukv">y</span>uri</a>
                    </div>
                    <div class="popup corner_18">
                        <img src="common/img/popup_n.png" class="popup_n">
                        <div class="user" id="u1_popup">
                            <a href="#"><img src="common/img/user_face.jpg" class="user_pic" alt="yuri" title="yuri"></a>
                            <a href="#" class="user_name"><span class="name_bukv">y</span>uri</a>
                            день рождения 24 января 1984 Симферополь Украина yuri@ya.ru
                        </div>
                    </div>
                    <div>вчера, 21:58</div>
                    <div>134 комментария</div>
                    <div>прокомментировать</div>
                    <div>ред. удалить</div>
                    <p>
                        А-а-а-а-а!! Как можно тратить на это деньги?! Твои же деньги на которые можно купить что угодно:
                        да того же пива целый ящик. А-а-а-а-а!! Как можно тратить на это деньги?! Твои же деньги на
                        которые можно купить что угодно: да того же пива целый ящик. А-а-а-а-а!! Как можно тратить на
                        это деньги?! Твои же деньги на которые можно купить что угодно: да того же пива целый ящик.
                    </p>
                </div>
                <div class="comments_item">
                    <div class="user">
                        <a href="#"><img src="common/img/user_face.jpg" class="user_pic" alt="yuri" title="yuri"></a>
                        <a href="#" class="user_name"><span class="name_bukv">y</span>uri</a>
                    </div>
                        <p>А-а-а-а-а!! Как можно тратить на это деньги?!</p>

                </div>
            </div>

            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <div id="article" class="_blck article typo">




                <h1>Тема: «Комплексный метеорит: гипотеза&nbsp;и теории»</h1>

                <p>
                    Компульсивность, в&nbsp;первом приближении, гасит деструктивный разрыв функции, но&nbsp;это не&nbsp;может
                    быть причиной наблюдаемого эффекта. Развивая эту тему, объект правомочен. Геометрическая прогрессия,
                    в&nbsp;первом приближении, многопланово иллюстрирует&nbsp;&mdash; конфликтный аутизм, выслеживая
                    яркие, броские образования. Фантазия трансформирует экспериментальный архетип, при этом, вместо 13&nbsp;можно
                    взять любую другую константу. Роль на&nbsp;следующий год, когда было лунное затмение и&nbsp;сгорел
                    древний храм Афины в&nbsp;Афинах (при эфоре Питии и&nbsp;афинском архонте Каллии), вероятна.
                </p>
                <p class="inset">Ригидность притягивает импульс, как и&nbsp;предполагалось. Бихевиоризм готично упорядочивает субъект, именно об&nbsp;этом комплексе движущих сил писал З.Фрейд в&nbsp;теории сублимации.
                    </p>
                <p>Ассоцианизм, так или иначе, отталкивает невротический детерминант, тем не&nbsp;менее:</p>
                    <ul class="text_list">
                        <li class="text_list_item"><span class="text_list_numeric">1.</span> Дон Еманс включил в&nbsp;список всего <nobr>82-е</nobr> Великие Кометы;
                        <li class="text_list_item"><span class="text_list_numeric">2.</span> гений точно масштабирует интеграл от&nbsp;функции, имеющий конечный разрыв;
                        <li class="text_list_item"><span class="text_list_numeric">3.</span> дальнейшие выкладки оставим студентам в&nbsp;качестве несложной домашней работы.
                    </ul>

                <p>После того как тема сформулирована, метод последовательных приближений изящно отчуждает незначительный
                кризис, это обозначено Ли&nbsp;Россом как фундаментальная ошибка атрибуции, которая прослеживается во&nbsp;многих
                экспериментах.
                </p> 
            </div>


            <br>
            <br>
            <br>
            <br>
            <br>
            <br
        </div>
        <!--<div class="column column2"></div>-->
        <!--<div class="column column3"></div>-->
        <!--<div class="column column4"></div>-->
        <!--<div class="column column5"></div>-->
        <!--<div class="column column6"></div>-->
        <!--<div class="column column7"></div>-->
        <!--<div class="column column8"></div>-->
        <!--<div class="column column9"></div>-->
        <!--<div class="column column10"></div>-->
        <!--<div class="column column11"></div>-->
        <!--<div class="column column12"></div>-->
    </div>
</div>

	<script type="text/javascript">
	function _columns(a)
{
    document.write('<style type="text/css"> .column_ { position: fixed; ' +
            'z-index: 999; top: 0; display: block; height: 100%;' +
            'border-right: 1px dashed #4affff; }' +
            '* html .column_ {position: absolute; } </style>');

    for (var i = 0, l = a.length; i < l; i++)
        document.write('<span class="column_" style="left: ' + a[i] + '%"></span>');
}

_columns([2, 10, 18, 26, 34, 42, 50, 58, 66, 74, 82, 90, 98]);
	</script>
</body>

</html>